<template>
  <div class = "w">
    <div class = "header curpoit">
     <p @click="gobase">基本资料</p>
      <p  @click="gonewpass">修改密码</p>
       <p class="linetobottom" @click=" gonew">快捷登陆</p>
    </div>
    <div class = "Log-main">
      <ul>
        <li v-for = "(l,index) in logList" :key = "index">
          <el-image :src = "l.url" style = "flex: 2"></el-image>
          <div class = "log-text">
            <p>{{l.title}}</p>
            <p>{{l.content}}</p>
          </div>
          <el-link type = "primary" style = "flex: 1" :underline = "false">{{l.btn}}</el-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
    export default {
        data() {
            return {
                logList: [
                    {url: '', title: '绑定微信账号', content: '当前尚未绑定微信账号', btn: '绑定'},
                    {url: '', title: '绑定QQ账号', content: '当前尚未绑定QQ账号', btn: '绑定'},
                    {url: '', title: '绑定微博账号', content: '当前尚未绑定微博账号', btn: '绑定'},
                ]
            }
        },
         methods: {
    onSubmit() {
      console.log("submit!");
    },
    gobase(){
        this.$router.push({path:"/Account/Mydata"})
    },
    gonewpass(){
        this.$router.push({path:"/Account/removepath"})
    },
    gonew(){
      this.$router.push({path:"/Account/Log2"})
    }
  }
    }
</script>

<style scoped>
  .Log-main {
    padding: 20px;
  }

  .Log-main li {
    display: flex;
    border-bottom: 1px dotted #000;
    padding: 10px 20px;
    height: 100px;
  }

  .log-text {
    flex: 7;
    line-height: 35px;
    margin-left: 20px;
  }

  .log-text p {
    height: 50px;
    line-height: 40px;
  }

  .log-text p:last-child {
    color: #9D9D9D
  }
</style>
